// API callback
relatedResultsLabels({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739"},"updated":{"$t":"2025-04-30T13:32:48.549+07:00"},"category":[{"term":"Tutorial Blog"},{"term":"Widget"},{"term":"General"},{"term":"Smartphone"},{"term":"Android"},{"term":"Tips Komputer"},{"term":"App Mobile"},{"term":"Tips SEO"},{"term":"Tips Youtube"},{"term":"Kesehatan dan Lifestyle"},{"term":"Tips Adsense"},{"term":"Tips Facebook"},{"term":"Full Review"},{"term":"Blogger Template Free"},{"term":"Blogger Templates"},{"term":"Free Blogger Template Responsive"},{"term":"Templates"},{"term":"Tips Bisnis"},{"term":"Review"},{"term":"Bisnis Online"},{"term":"Blog Tips"},{"term":"Pilih HP"},{"term":"Hosting dan Domain"},{"term":"Blogger v3"},{"term":"Samsung"},{"term":"Bitcoin"},{"term":"Tips Windows"},{"term":"Cryptocurrency"},{"term":"91爆料网"},{"term":"Xiaomi"},{"term":"AMP 91爆料网"},{"term":"Disqus"},{"term":"CSS"},{"term":"JavaScript"},{"term":"Sastra"},{"term":"Google Search Console"},{"term":"Google Webmaster"},{"term":"Trik Blogger"},{"term":"Tutorial Singkat"},{"term":"Premium Template"},{"term":"Asus"},{"term":"iPhone"},{"term":"Breadcrumbs"},{"term":"Conditional Tags"},{"term":"Daftar Isi"},{"term":"Tips Blogger"},{"term":"BlogPosting"},{"term":"CloudFlare"},{"term":"Domain .co.vu"},{"term":"Forum"},{"term":"Hostinger"},{"term":"Hotel Mewah di Jakarta"},{"term":"Infinite Scroll"},{"term":"Jooble"},{"term":"Jooble Indonesia"},{"term":"Linguistik"},{"term":"Load More"},{"term":"Meta Data"},{"term":"Meta Data Keywords"},{"term":"Property Article Tag"},{"term":"Schema Markup"},{"term":"Service"},{"term":"Software"},{"term":"Tips Website"},{"term":"Traveloka"}],"title":{"type":"text","$t":"Blog bungfrangki"},"subtitle":{"type":"html","$t":"Blog bungfrangki berbagai panduan tips \u0026amp; tutorial Blogger untuk pemula, seperti template Blogspot, optimasi SEO, Tools, 91爆料网, CSS, JavaScript, lainnya"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/-\/Trik+Blogger?alt=json-in-script\u0026max-results=10"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/search\/label\/Trik%20Blogger"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"5"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"10"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-2457941008602053715"},"published":{"$t":"2024-08-30T12:31:00.005+07:00"},"updated":{"$t":"2024-08-31T09:43:36.208+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Infinite Scroll"},{"scheme":"http://www.blogger.com/atom/ns#","term":"JavaScript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Load More"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tips Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Trik Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widget"}],"title":{"type":"text","$t":"Mengatasi Infinite Scroll Blogger yang Error di Mobile"},"content":{"type":"html","$t":"\u003Cp\u003EMasalah infinite scroll yang tidak bekerja (error) di tampilan mobile sebetulnya sudah cukup lama saya menyadarinya. Tetapi baru saat ini saya coba mencarikan solusi untuk mengatasi hal tersebut. Fitur infinite scroll menjadi tidak bekerja sebagaimana mestinya saat website dibuka dengan URL mobile. URL mobile di Blogger biasanya ditandai dengan akhiran\u0026nbsp;\u003Cb\u003E?m=1\u003C\/b\u003E.\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhJxtts4PK0J6ssiE7r9NMnDsKfwYbyloCC6fIEb2CDmlgYCp5bWjwGNWKb34tcLc6lM5cwlbetwM0R_fSh4xupkW1_3IlIy0TJSq5e0p_yTkYGyGEVQ88da_N3kBMn2qwAMbHGQZfOOwvOt_xRwDowSvx_6EDT5SQxvGKCRzdBz60OqQPC_TCFtZnagn42\/s1920\/Blogger-Load-More-Infinite-Scroll.jpg\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Mengatasi Infinite Scroll Blogger yang Error di Mobile\" border=\"0\" data-original-height=\"1080\" data-original-width=\"1920\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhJxtts4PK0J6ssiE7r9NMnDsKfwYbyloCC6fIEb2CDmlgYCp5bWjwGNWKb34tcLc6lM5cwlbetwM0R_fSh4xupkW1_3IlIy0TJSq5e0p_yTkYGyGEVQ88da_N3kBMn2qwAMbHGQZfOOwvOt_xRwDowSvx_6EDT5SQxvGKCRzdBz60OqQPC_TCFtZnagn42\/s16000\/Blogger-Load-More-Infinite-Scroll.jpg\" title=\"Mengatasi Infinite Scroll Blogger yang Error di Mobile\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cp\u003ESebagai informasi, widget infinite scroll yang terpasang di blog ini adalah \u003Ci\u003Eonclick event\u003C\/i\u003E, yang akan memuat halaman terlama dengan mengklik tombol \u003Cb\u003ELoad More\u003C\/b\u003E.\u003C\/p\u003E\u003Cp\u003EAdapun pesan \u003Ci\u003Eerror \u003C\/i\u003Eyang muncul (di \u003Ci\u003Econsole\u003C\/i\u003E) saat mengklik tombol loadmore, kurang lebih sebagai berikut:\u003C\/p\u003E\u003Cp class=\"warning line-height-1\"\u003E\u003Csmall\u003EMixed Content: The page at 'https:\/\/www.bungfrangki.com\/?m=1' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http:\/\/www.bungfrangki.com\/search?updated-max=2023-02-17T20:34:00%2B07:00\u0026amp;max-results=8\u0026amp;m=1'. This request has been blocked; the content must be served over HTTPS.\u003C\/small\u003E\u003C\/p\u003E\u003Cp style=\"text-align: left;\"\u003EDan solusinya dapat memilih salah satu dari 2 cara berikut ini.\u003C\/p\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara Mengatasi Infinite Scroll Blogger yang Error di Perangkat (URL) Mobile\u003C\/h2\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara 1\u003C\/h2\u003E\u003Cp\u003ESolusi pertama adalah dengan menambahkan meta tag khusus di blog. Silahkan copy dan paste kode meta tag berikut ini di atas \u003Ccode\u003E\u0026lt;\/head\u0026gt;\u003C\/code\u003E template Blogspot Anda.\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre class=\"html\"\u003E\u003Ccode\u003E\u0026lt;meta content=\"upgrade-insecure-requests\" http-equiv=\"Content-Security-Policy\" \/\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara 2\u003C\/h2\u003E\u003Cp\u003EAtau, solusi lainnya adalah silahkan menambahkan JavaScript berikut ini. Letakkan di atas \u003Ccode\u003E\u0026lt;\/body\u0026gt;\u003C\/code\u003E pada template Blogspot masing-masing.\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre class=\"javascript\"\u003E\u003Ccode class=\"java\"\u003E\u003Cp\u003E\u0026lt;script\u0026gt;\u003C\/p\u003E\u003Cp\u003E\/\/\u0026lt;![CDATA[\u003C\/p\u003E\u003Cp\u003Ewindow.addEventListener(\"load\", (event) =\u0026gt; {\u003C\/p\u003E\u003Cp\u003Eif (window.location.protocol.indexOf('https') == 0){\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; var lm = document.createElement('meta');\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; lm.setAttribute('http-equiv', 'Content-Security-Policy');\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; lm.setAttribute('content', 'upgrade-insecure-requests');\u003C\/p\u003E\u003Cp\u003Edocument.getElementsByTagName('head')[0].appendChild(lm);\u003C\/p\u003E\u003Cp\u003E}\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E});\u003C\/p\u003E\u003Cp\u003E\/\/]]\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026lt;\/script\u0026gt;\u003C\/p\u003E\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp class=\"info\"\u003E\u003Cstrong\u003EPerhatian:\u003C\/strong\u003E\u003Cbr \/\u003ECukup menggunakan salah satu dari dua cara di atas. Agar tidak mubazir. Mengingat dua cara di atas memiliki fungsi dan output yang sama.\u003C\/p\u003E\u003Ci class=\"separate\"\u003E\u003C\/i\u003E\u003Cp\u003E\u003Ci\u003EUpdate 31 Agustus 2024:\u003C\/i\u003E\u003C\/p\u003E\u003Ch2\u003ECara 3 (mempertahankan\u0026nbsp;XMLHttpRequest)\u003C\/h2\u003E\u003Cp\u003EAlih-alih mengganti metode untuk \u003Ci\u003Eretrive data\u003C\/i\u003E dengan \u003Cb\u003Efetch\u003C\/b\u003E, Anda bisa coba pertahankan tetap menggunakan \u003Cb\u003EXMLHttpRequest\u003C\/b\u003E, dengan tambahan \u003Ci\u003Efunction force URL to HTTPS\u003C\/i\u003E.\u003C\/p\u003E\u003Cp\u003EGanti JavaScript Blogger Infinite Scroll dengan kode di bawah ini.\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E\u003Cp\u003E\u0026lt;script\u0026gt;\u003C\/p\u003E\u003Cp\u003E\/\/\u0026lt;![CDATA[\u003C\/p\u003E\u003Cp\u003E!function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}function o(t){return void 0!==t}function a(t){return\"function\"==typeof t}function i(t,e){t=t||{};for(var n in e)t[n]=\"object\"==typeof e[n]?i(t[n],e[n]):e[n];return t}function s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}function d(t,e){o(e)?delete g[t][e]:g[t]=[]}function l(t,e){if(o(g[t]))for(var n in g[t])g[t][n](e)}function f(){return L.inner91爆料网=p.text.loading,T=!0,y?(M.classList.add(p.state.loading),l(\"loading\",[p]),void u(y,function(t,n){M.className=x+\" \"+p.state.load,h=e.createElement(\"div\"),h.inner91爆料网=t;var o=r(\"title\",h),a=r(p.target.post,h),i=r(p.target.anchors+\" \"+p.target.anchor,h),s=r(p.target.post,H);if(o=o\u0026amp;\u0026amp;o[0]?o[0].inner91爆料网:\"\",a.length\u0026amp;\u0026amp;s.length){var d=s[s.length-1];e.title=o,d.insertAdjacent91爆料网(\"afterend\",'\u0026lt;span class=\"fi\" id=\"#fi:'+j+'\"\u0026gt;\u0026lt;\/span\u0026gt;'),h=e.createElement(\"div\");for(var f=0,u=a.length;u\u0026gt;f;++f)h.appendChild(a[f]);d.insertAdjacent91爆料网(\"afterend\",h.inner91爆料网),c(),y=i.length?i[0].href:!1,T=!1,j++,l(\"load\",[p,t,n])}},function(t,e){M.classList.add(p.state.error),T=!1,c(1),l(\"error\",[p,t,e])})):(M.classList.add(p.state.loaded),L.inner91爆料网=p.text.loaded,l(\"loaded\",[p]))}function c(t){if(L.inner91爆料网=\"\",v){h.inner91爆料网=p.text[t?\"error\":\"load\"];var e=h.firstChild;e.onclick=function(){return 2===p.type\u0026amp;\u0026amp;(v=!1),f(),!1},L.appendChild(e)}}var u=\"infinite-scroll-state-\",p={target:{posts:\".posts\",post:\".post\",anchors:\".anchors\",anchor:\".anchor\"},text:{load:\"%s\",loading:\"%s\",loaded:\"%s\",error:\"%s\"},state:{load:u+\"load\",loading:u+\"loading\",loaded:u+\"loaded\",error:u+\"error\"}},g={load:[],loading:[],loaded:[],error:[]};p=i(p,n||{}),p.on=s,p.off=d;var h=null,u=function(e,n,r){if(t.XMLHttpRequest){function secureUrl(getUrl) {try {let parsedUrl = new URL(getUrl);if (parsedUrl.protocol === 'http:') {parsedUrl.protocol = 'https:';}return parsedUrl.href;} catch (error) {console.error('Not expected URL:', getUrl, error);return getUrl; }}const url = secureUrl(e);var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r\u0026amp;\u0026amp;a(r)\u0026amp;\u0026amp;r(o.responseText,o));n\u0026amp;\u0026amp;a(n)\u0026amp;\u0026amp;n(o.responseText,o);history.pushState('','',url)}},o.open(\"GET\",url),o.send()}},v=1!==p.type,T=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],y=r(p.target.anchor,L),m=e.body,M=e.documentElement,x=M.className||\"\",E=H.offsetTop+H.offsetHeight,b=t.innerHeight,w=0,S=null,j=1;if(y.length){y=y[0].href,H.insertAdjacent91爆料网(\"afterbegin\",'\u0026lt;!--\u0026lt;span class=\"fi\" id=\"#fi:0\"\u0026gt;\u0026lt;\/span\u0026gt;--\u0026gt;'),h=e.createElement(\"div\"),c();var A=function(){E=H.offsetTop+H.offsetHeight,b=t.innerHeight,w=m.scrollTop||M.scrollTop,T||E\u0026gt;w+b||f()};A(),0!==p.type\u0026amp;\u0026amp;t.addEventListener(\"scroll\",function(){v||(S\u0026amp;\u0026amp;t.clearTimeout(S),S=t.setTimeout(A,500))},!1)}return p}}(window,document);\u003C\/p\u003E\u003Cp\u003Evar infinite_scroll = new InfiniteScroll({\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; type: 0,\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; target: {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; posts: '.blog-posts',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; post: '.post-outer-container',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; anchors: '.blog-pager',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; anchor: '.load-more-btn'\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; },\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; text: {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; load: '\u0026lt;button class=\\\"load-more-btn\\\"\u0026gt;Load More\u0026lt;\/button\u0026gt;',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; loading: '\u0026lt;span class=\\\"loading-btn\\\"\u0026gt;Memuat \u0026lt;span\u0026gt;\u0026amp;#9696;\u0026lt;\/span\u0026gt;\u0026lt;\/span\u0026gt;',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; loaded: '\u0026lt;span class=\\\"all-posts-showing\\\"\u0026gt;\u0026lt;\/span\u0026gt;',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; error: 'null, refresh this page'\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; }\u003C\/p\u003E\u003Cp\u003E});\u003C\/p\u003E\u003Cp\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/p\u003E\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003ETambahan informasi, JavaScript di atas juga sudah disertakan \u003Ccode\u003Ehistory.pushState\u003C\/code\u003E untuk merubah URL di bilah alamat peramban (address bar).\u003C\/p\u003E\u003Ch2\u003ECara 4 (pakai Fetch)\u003C\/h2\u003E\u003Cp\u003EBiar lebih modern, Anda dapat menggunakan Blogger Infinite Scroll yang untuk \u003Ci\u003Eretrive data\u003C\/i\u003E pakai metode fetch.\u003C\/p\u003E\u003Cp\u003ESilahkan mengganti JavaScript Infinite Scroll sebelumnya dengan JS di bawah ini:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E\u003Cp\u003E\u0026lt;script\u0026gt;\u003C\/p\u003E\u003Cp\u003E\/\/\u0026lt;![CDATA[\u003C\/p\u003E\u003Cp\u003E!function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}\u003C\/p\u003E\u003Cp\u003Efunction o(t){return void 0!==t}\u003C\/p\u003E\u003Cp\u003Efunction a(t){return\"function\"==typeof t}\u003C\/p\u003E\u003Cp\u003Efunction i(t,e){t=t||{};for(var n in e)t[n]=\"object\"==typeof e[n]?i(t[n],e[n]):e[n];return t}\u003C\/p\u003E\u003Cp\u003Efunction s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}\u003C\/p\u003E\u003Cp\u003Efunction d(t,e){o(e)?delete g[t][e]:g[t]=[]}\u003C\/p\u003E\u003Cp\u003Efunction l(t,e){if(o(g[t])){for(var n in g[t]){g[t][n](e)}}}\u003C\/p\u003E\u003Cp\u003Efunction f(){L.inner91爆料网=p.text.loading;T=!0;if(y){M.classList.add(p.state.loading);l(\"loading\",[p]);u(y,function(t,n){M.className=x+\" \"+p.state.load;h=e.createElement(\"div\");h.inner91爆料网=t;var o=r(\"title\",h),a=r(p.target.post,h),i=r(p.target.anchors+\" \"+p.target.anchor,h),s=r(p.target.post,H);if(o=o\u0026amp;\u0026amp;o[0]?o[0].inner91爆料网:\"\",a.length\u0026amp;\u0026amp;s.length){var d=s[s.length-1];e.title=o;d.insertAdjacent91爆料网(\"afterend\",'\u0026lt;span class=\"fi\" id=\"#fi:'+j+'\"\u0026gt;\u0026lt;\/span\u0026gt;');h=e.createElement(\"div\");for(var f=0,u=a.length;u\u0026gt;f;++f){h.appendChild(a[f])}\u003C\/p\u003E\u003Cp\u003Ed.insertAdjacent91爆料网(\"afterend\",h.inner91爆料网);c();y=i.length?i[0].href:!1;T=!1;j++;l(\"load\",[p,t,n])}},function(t,e){M.classList.add(p.state.error);T=!1;c(1);l(\"error\",[p,t,e])})}else{M.classList.add(p.state.loaded);L.inner91爆料网=p.text.loaded;l(\"loaded\",[p])}}\u003C\/p\u003E\u003Cp\u003Efunction c(t){L.inner91爆料网=\"\";if(v){h.inner91爆料网=p.text[t?\"error\":\"load\"];var e=h.firstChild;e.onclick=function(){if(2===p.type){v=!1}\u003C\/p\u003E\u003Cp\u003Ef();return!1};L.appendChild(e)}}\u003C\/p\u003E\u003Cp\u003Evar defaultSettings={target:{posts:\".posts\",post:\".post\",anchors:\".anchors\",anchor:\".anchor\"},text:{load:\"%s\",loading:\"%s\",loaded:\"%s\",error:\"%s\"},state:{load:\"infinite-scroll-state-load\",loading:\"infinite-scroll-state-loading\",loaded:\"infinite-scroll-state-loaded\",error:\"infinite-scroll-state-error\"},type:0};var g={load:[],loading:[],loaded:[],error:[]};var p=i(defaultSettings,n||{});p.on=s;p.off=d;var h=null;var u=function(url,onSuccess,onError){\u003C\/p\u003E\u003Cp\u003Efunction secureUrl(getUrl) {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; try {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; let parsedUrl = new URL(getUrl);\u003C\/p\u003E\u003Cp\u003E\u003Cbr \/\u003E\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; if (parsedUrl.protocol === 'http:') {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; parsedUrl.protocol = 'https:';\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; }\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return parsedUrl.href;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; } catch (error) {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; console.error('Invalid URL:', getUrl, error);\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; return getUrl;\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; }\u003C\/p\u003E\u003Cp\u003E}\u003C\/p\u003E\u003Cp\u003Elet nextUrl = secureUrl(url);\u003C\/p\u003E\u003Cp\u003Efetch(nextUrl).then(response=\u0026gt;{if(!response.ok)throw response;return response.text()}).then(text=\u0026gt;{onSuccess\u0026amp;\u0026amp;a(onSuccess)\u0026amp;\u0026amp;onSuccess(text)}).catch(err=\u0026gt;{onError\u0026amp;\u0026amp;a(onError)\u0026amp;\u0026amp;onError(err)})};var v=1!==p.type,T=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],y=r(p.target.anchor,L),m=e.body,M=e.documentElement,x=M.className||\"\",E=H.offsetTop+H.offsetHeight,b=t.innerHeight,w=0,S=null,j=1;if(y.length){y=y[0].href;H.insertAdjacent91爆料网(\"afterbegin\",'\u0026lt;span class=\"fi\" id=\"#fi:0\"\u0026gt;\u0026lt;\/span\u0026gt;');h=e.createElement(\"div\");c();var A=function(){E=H.offsetTop+H.offsetHeight;b=t.innerHeight;w=m.scrollTop||M.scrollTop;T||E\u0026gt;w+b||f()};A();0!==p.type\u0026amp;\u0026amp;t.addEventListener(\"scroll\",function(){v||(S\u0026amp;\u0026amp;t.clearTimeout(S),S=t.setTimeout(A,1000))},!1)}\u003C\/p\u003E\u003Cp\u003Ereturn p}}(window,document);\u003C\/p\u003E\u003Cp\u003Evar infinite_scroll = new InfiniteScroll({\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; type: 0,\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; target: {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; posts: '.blog-posts',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; post: '.post-outer-container',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; anchors: '.blog-pager',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; anchor: '.load-more-btn'\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; },\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; text: {\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; load: '\u0026lt;button class=\\\"load-more-btn\\\"\u0026gt;Load More\u0026lt;\/button\u0026gt;',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; loading: '\u0026lt;span class=\\\"loading-btn\\\"\u0026gt;Memuat \u0026lt;span\u0026gt;\u0026amp;#9696;\u0026lt;\/span\u0026gt;\u0026lt;\/span\u0026gt;',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; loaded: '\u0026lt;span class=\\\"all-posts-showing\\\"\u0026gt;\u0026lt;\/span\u0026gt;',\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; error: 'null, refresh this page'\u003C\/p\u003E\u003Cp\u003E\u0026nbsp; \u0026nbsp; }\u003C\/p\u003E\u003Cp\u003E});\u003C\/p\u003E\u003Cp\u003E\/\/]]\u0026gt;\u003C\/p\u003E\u003Cp\u003E\u0026lt;\/script\u0026gt;\u0026nbsp;\u003C\/p\u003E\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003ESebagai informasi, JavaScript di atas dasarnya masih menggunakan konstruksi dari miliknya \u003Ca href=\"https:\/\/dte.web.id\/\" target=\"_blank\" rel=\"noopener\"\u003EDTE :]\u003C\/a\u003E, Taufik Nurrohman. Hanya coba dirubah sedikit.\u003C\/p\u003E\u003Cp\u003EDemikian, semoga membantu dan bermanfaat.\u003C\/p\u003E\n\u003Cp class=\"resource\"\u003EJavaScript Blogger Infinite Scroll: https:\/\/dte.web.id\/teknis\/blogger-infinite-scroll\u003C\/p\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/2457941008602053715\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2024\/08\/mengatasi-infinite-scroll-blogger-yang.html#comment-form","title":"6 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/2457941008602053715"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/2457941008602053715"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2024\/08\/mengatasi-infinite-scroll-blogger-yang.html","title":"Mengatasi Infinite Scroll Blogger yang Error di Mobile"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhJxtts4PK0J6ssiE7r9NMnDsKfwYbyloCC6fIEb2CDmlgYCp5bWjwGNWKb34tcLc6lM5cwlbetwM0R_fSh4xupkW1_3IlIy0TJSq5e0p_yTkYGyGEVQ88da_N3kBMn2qwAMbHGQZfOOwvOt_xRwDowSvx_6EDT5SQxvGKCRzdBz60OqQPC_TCFtZnagn42\/s72-c\/Blogger-Load-More-Infinite-Scroll.jpg","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-257401544571105758"},"published":{"$t":"2022-09-24T11:41:00.004+07:00"},"updated":{"$t":"2022-09-24T11:43:44.310+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger v3"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Meta Data"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Meta Data Keywords"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Property Article Tag"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Trik Blogger"}],"title":{"type":"text","$t":"Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag"},"content":{"type":"html","$t":"\u003Cp\u003ESetelah beres dengan urusan 'migrasi' ke \u003Ca href=\"https:\/\/www.bungfrangki.com\/2022\/09\/schema-markup-blogposting.html\"\u003ESchema Markup BlogPosting\u003C\/a\u003E, saya mencari-cari apalagi yang sekiranya bisa dioptimasi di platform Blogger atau Blogspot ini. Akhirnya ketemu 2 hal yang cukup penting tapi tidak begitu krusial untuk ditambahkan di blog masing-masing.\u003C\/p\u003E\u003Cdiv class=\"separator heroPost\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjxE7H3S9F0nx0DeIHZKN0R3zyCFIGzUn7oI_g7P333RIfNAixjKSj20HFhliF9V5c8FArMMlk_bKJb1IvOMIuDUZChN_aGcHxLt7HrpemcACjNk-tGgWQ5EdD8w_qdWCXVyVKsbt5s41Z3XT2I3L6WsYAOaTlr9d6u-be7rmTxHL4e_pas-pUh6TeZzw\/s1200\/membuat-meta-keyword-dan-property-article-tag-dari-label-postingan.jpg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag\" border=\"0\" data-original-height=\"675\" data-original-width=\"1200\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjxE7H3S9F0nx0DeIHZKN0R3zyCFIGzUn7oI_g7P333RIfNAixjKSj20HFhliF9V5c8FArMMlk_bKJb1IvOMIuDUZChN_aGcHxLt7HrpemcACjNk-tGgWQ5EdD8w_qdWCXVyVKsbt5s41Z3XT2I3L6WsYAOaTlr9d6u-be7rmTxHL4e_pas-pUh6TeZzw\/s16000\/membuat-meta-keyword-dan-property-article-tag-dari-label-postingan.jpg\" title=\"Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cp\u003EYakni, menjadikan \u003Cb\u003EPost Labels\u003C\/b\u003E atau \u003Cb\u003EEntri Label\u003C\/b\u003E sebagai\u003Cb\u003E Meta Data Keywords\u003C\/b\u003E dan \u003Cb\u003EProperty article:tag\u003C\/b\u003E sebagaimana yang seringkali kita lihat pada meta data website platform WordPress, terutama pengguna plugin SEO Rank Math.\u003C\/p\u003E\u003Cp\u003ESayangnya, untuk Blogger kita tidak bisa menambahkan kedua keta data tersebut di dalam \u003Ccode\u003E\u0026lt;head\u0026gt;\u003C\/code\u003E. Kita hanya bisa melatakkanya di dalam\u0026nbsp;\u003Ccode\u003E\u0026lt;b:widget type='Blog' ...\u0026gt;\u003C\/code\u003E. Sama dengan JSON LD untuk schema markup \u003Ca href=\"https:\/\/www.bungfrangki.com\/search\/label\/BlogPosting\"\u003EBlogPosting\u003C\/a\u003E, juga lebih maksimal ditempatkan di dalam widget type Blog.\u003C\/p\u003E\u003Cp\u003ENamun tidak menjadi masalah, yang penting bisa diterapkan dan terbaca dengan jelas oleh browser dan mesin penelusuran, yang kita kenal dengan istilah\u0026nbsp;\u003Cb\u003Esers enjin\u003C\/b\u003E.\u003C\/p\u003E\u003Cp\u003EContoh outputnya sebagai berikut:\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjWMJJZlC-ZBI3uca-g8-YG_OfgaD4bMP-NczTNNSCOWB0NSgEcuaFz_TDHvg48UvQMgSXuzjOoFg_aYOeguZjKgDirjT-CUR2vltTRE4amjpcH9uv557i_ECN3bf7_Hxx2_KvRb5ftp0_kCkNTW_FKOjTgbAmjy6bLf9we1BC6-9OexXEXLUKfOtkrUQ\/s1200\/membuat-post-label-jadi-meta-keywords-article-tag.jpg\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg alt=\"Membuat Post Labels Sebagai Meta Keywords dan Property article:tag\" border=\"0\" data-original-height=\"468\" data-original-width=\"1200\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjWMJJZlC-ZBI3uca-g8-YG_OfgaD4bMP-NczTNNSCOWB0NSgEcuaFz_TDHvg48UvQMgSXuzjOoFg_aYOeguZjKgDirjT-CUR2vltTRE4amjpcH9uv557i_ECN3bf7_Hxx2_KvRb5ftp0_kCkNTW_FKOjTgbAmjy6bLf9we1BC6-9OexXEXLUKfOtkrUQ\/s16000\/membuat-post-label-jadi-meta-keywords-article-tag.jpg\" title=\"Membuat Post Labels Sebagai Meta Keywords dan Property article:tag\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Ch2 style=\"text-align: left;\"\u003ECara Membuat Post Labels Menjadi Meta Keywords dan Property \u003Ci\u003Earticle:tag\u003C\/i\u003E\u003C\/h2\u003E\u003Cp\u003EUntuk menambahkan label postingan sebagai meta keywords dan property article:tag, silahkan ikuti langkah-langkah berikut:\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Col style=\"text-align: left;\"\u003E\u003Cli\u003ELogin ke dashboard Blogger\u003C\/li\u003E\u003Cli\u003ECari kode\u0026nbsp;\u003Ccode\u003E\u0026lt;b:includable id='postBodySnippet' var='post'\u0026gt;\u003C\/code\u003E atau\u0026nbsp;\u003Ccode\u003E\u0026lt;b:includable id='postCommentsAndAd' var='post'\u0026gt;\u003C\/code\u003E lalu letakkan kode berikut ini di bawahnya.\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:view.isPost'\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026amp;lt;meta content=\u0026amp;quot;\u0026lt;data:blog.pageName\/\u0026gt;, \u0026lt;b:loop values='data:post.labels' var='label'\u0026gt;\u0026lt;data:label.name\/\u0026gt;\u0026lt;b:if cond='not data:label.isLast'\u0026gt;, \u0026lt;\/b:if\u0026gt;\u0026lt;\/b:loop\u0026gt;\u0026amp;quot; name=\u0026amp;#39;keywords\u0026amp;#39;\/\u0026amp;gt;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp;\u0026lt;b:loop values='data:post.labels' var='label'\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026lt;meta expr:content='data:label.name' property='article:tag'\/\u0026gt;\u003Cbr \/\u003E\u0026nbsp; \u0026nbsp;\u0026lt;\/b:loop\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003C\/li\u003E\u003Cli\u003EKlik tombol Save Template untuk menyimpan.\u003C\/li\u003E\u003C\/ol\u003E\u003Cbr \/\u003E\u003Cp\u003EAdapun kode untuk meta data keyword dan property article:tag yang diambil dari label postingan tersebut di atas, hanya akan muncul pada halaman Postingan saja.\u003C\/p\u003E\u003Cp\u003EBila sebelumnya Anda telah menambahkan meta keyword di \u003Ccode\u003E\u0026lt;head\u0026gt;\u003C\/code\u003E, maka edit kembali \u003Ci\u003Etag conditional\u003C\/i\u003E (tag kondisi) di meta Keywords itu kurang lebih seperti ini:\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:view.isMultipleItems'\u0026gt;\u003Cbr \/\u003E\u0026lt;meta name="keywords" content="keyword anda disini, dipisahkan dengan koma"\/\u0026gt;\u003Cbr \/\u003E\u0026lt;b:elseif cond='data:view.isSingleItem'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\u003Cp\u003EAtau seperti ini:\u003C\/p\u003E\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:if cond='data:view.isMultipleItems'\u0026gt;\u003Cbr \/\u003E\u0026lt;meta name="keywords" content="keyword anda disini, dipisahkan dengan koma"\/\u0026gt;\u003Cbr \/\u003E\u0026lt;b:elseif cond='data:view.isPost'\/\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\u003Cp\u003ELalu simpan kembali tema Anda.\u003C\/p\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/www.bungfrangki.com\/feeds\/257401544571105758\/comments\/default","title":"Posting Komentar"},{"rel":"replies","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2022\/09\/meta-keywords-dan-property-article-tag.html#comment-form","title":"4 Komentar"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/257401544571105758"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/257401544571105758"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2022\/09\/meta-keywords-dan-property-article-tag.html","title":"Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjxE7H3S9F0nx0DeIHZKN0R3zyCFIGzUn7oI_g7P333RIfNAixjKSj20HFhliF9V5c8FArMMlk_bKJb1IvOMIuDUZChN_aGcHxLt7HrpemcACjNk-tGgWQ5EdD8w_qdWCXVyVKsbt5s41Z3XT2I3L6WsYAOaTlr9d6u-be7rmTxHL4e_pas-pUh6TeZzw\/s72-c\/membuat-meta-keyword-dan-property-article-tag-dari-label-postingan.jpg","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-3480773207215248663"},"published":{"$t":"2020-02-28T18:39:00.000+07:00"},"updated":{"$t":"2020-02-28T21:01:21.282+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"CSS"},{"scheme":"http://www.blogger.com/atom/ns#","term":"91爆料网"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Trik Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"}],"title":{"type":"text","$t":"Kombinasi Skin Variable Definition dan :root Selector di Blogger"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003ESebetulnya sudah lama saya ingin memposting trik ini. Hanya saja perlu sedikit bersabar sampai update tampilan \u003Ca href=\"https:\/\/www.themeindie.com\/\" rel=\"nofollow noopener\" target=\"_blank\"\u003EThemeindie.com\u003C\/a\u003E bernar-benar rampung. Mengingat trik kombinasi skin \u003Ci\u003Evariable definition\u003C\/i\u003E Blogger dan \u003Ci\u003E:root selector\u003C\/i\u003E ini pertama kali saya terapkan disana.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\u003Cimg alt=\"Kombinasi Skin Variable Definition dan :root Selector di Blogger\" data-original-height=\"462\" data-original-width=\"750\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiohKE8Wxp1kP8xSFX3R34uHSddeYqPiXWGvvijRBS8_UkvSGgDBvowB6oA7wR2KYg9CEsBxYsFA0N8_OOvkY9esLoYWAXepKAeBgElfIFLDu4twds1NgaKmi9HLeU7ol38RiqEHDDCSYHP\/s1600\/Kombinasi-Variable-Definition-dan-root-Selector-di-Blogger.png\" title=\"Kombinasi Skin Variable Definition dan :root Selector di Blogger\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cb\u003EVariable Definition\u003C\/b\u003E merupakan salah satu markup default Blogger yang dipergunakan sebagai translator atas perubahan yang kita lakukan di Theme Designer Blogger.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBiasanya tersimpan di dalam \u003Ccode\u003E\u0026lt;b:skin\u0026gt;\u003C\/code\u003E atau \u003Ccode\u003E\u0026lt;b:template-skin\u0026gt;\u003C\/code\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSyntax:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;Variable name=\"body.background.color\" description=\" Backgrond\" type=\"color\" default=\"#ffffff\" value=\"#ffffff\"\/\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nContoh pemanggilannya di dalam \u003Ccode\u003E\u0026lt;b:skin\u0026gt;\u003C\/code\u003E atau \u003Ccode\u003E\u0026lt;b:template-skin\u0026gt;\u003C\/code\u003E:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003Ebody {background:$( body.background.color)}\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nContoh pemanggilan yang lain dan penerapannya:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;meta content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'\/\u0026gt;\n\u0026lt;meta content='data:skin.vars.body_background_color' name='apple-mobile-web-app-status-bar-style'\/\u0026gt;\n\u0026lt;meta content='data:skin.vars.body_background_color' name='theme-color'\/\u0026gt;\u0026nbsp;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nSementara itu, \u003Cb\u003E:root selector\u003C\/b\u003E merupakan buah pengembangan CSS3 yang mampu dan dapat digunakan untuk memilih semua elemen dari dokumen 91爆料网.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nCSS syntax-nya:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E:root {\n\u0026nbsp; css declarations;\n}\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nContoh:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;style\u0026gt;\n:root {\n\u0026nbsp; background: #ffffff;\n}\n\u0026lt;\/style\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nKita juga dapat menggunakannya memberikan \u003Ci\u003Evalue\u003C\/i\u003E pada \u003Ci\u003Eproperty\u003C\/i\u003E yang sesuai, untuk tiap-tipa tag atau selector.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nContahnya:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;style\u0026gt;\n:root {\n\u0026nbsp; --color-white: #ffffff;\n\u0026nbsp; --color-black: #111111;\n}\n\u0026lt;\/style\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nCara penerapannya:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;style\u0026gt;\nbody { background: var(--color-white); }\nh1{color: var(--color-black); }\n\u0026lt;\/style\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EAlasan Menggunakan Kombinasi \u003Ci\u003EVariable Definition\u003C\/i\u003E dan \u003Ci\u003E:root Selector\u003C\/i\u003E pada Blogger\u003C\/h2\u003E\u003Cbr \/\u003E\nAdapun alasan berikut ini merupakan alasan pribadi. Jika ternyata alasan ini akan memunculkan kegaduhan di masyarakat, maka perlu ditegaskan bahwa alasan berikut ini datang dari diri saya pribadi.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKurang lebih begini alasannya:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cul\u003E\u003Cli\u003EMenyimpan CSS di dalam \u003Ccode\u003E\u0026lt;b:skin\u0026gt;\u003C\/code\u003E atau \u003Ccode\u003E\u0026lt;b:template-skin\u0026gt;\u003C\/code\u003E sangat tidak menarik. Tampilan CSS-nya tidak berwarna-warni. Membuat mood saya drop 50%.\u003C\/li\u003E\n\u003Cli\u003ESudah sangat nyaman menyimpan CSS di dalam \u003Ccode\u003E\u0026lt;style\u0026gt;\u003C\/code\u003E tetapi ingin menggunakan \u003Ci\u003EVariable Devinition\u003C\/i\u003E untuk seluruh kondisi tampilan Blogger.\u003C\/li\u003E\n\u003Cli\u003ETetap ingin menyembunyikan bundle code atau CSS reset stylesheet Blogger, tetapi juga ingin menggunakan \u003Ci\u003EVariable Devinition\u003C\/i\u003E pada semua kondisi tampilan Blogger.\u003C\/li\u003E\n\u003Cli\u003ETidak ingin menulis kode panjang yang sama secara berulang-ulang. Misalnya background gradient, font family dan lainnya.\u003C\/li\u003E\n\u003Cli\u003EDan lain-lain.\u003C\/li\u003E\n\u003C\/ul\u003E\u003Cbr \/\u003E\nAlasan-alasan itu terbilang negosiatif yaa, bahkan ada yang tidak nyambung.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPokoknya yang terpenting adalah, kita ingin menyimpan kode CSS di dalam \u003Ccode\u003E\u0026lt;style\u0026gt;\u003C\/code\u003E tetapi juga bisa mengaktifkan fitur Theme Designer.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMengingat, jika kita menyimpan kode CSS di dalam \u003Ccode\u003E\u0026lt;style\u0026gt;\u003C\/code\u003E maka input kode untuk Theme Designer menjadi tidak berfungsi.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBerikut penerapan triknya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nCek dulu:\u0026nbsp;\u003Ca href=\"https:\/\/www.bungfrangki.com\/2017\/06\/kode-head-dan-body-tidak-ada-di-template.html\" target=\"_blank\"\u003EKetika Kode \u0026lt;head\u0026gt;, \u0026lt;\/head\u0026gt;, dan \u0026lt;\/body\u0026gt; Tidak ada pada Template Blog, Bagaimana Menemukannya?\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EMenggunakan :root Selector untuk Mengaktifkan Skin Variable Definition Theme Designer Untuk CSS di dalam \u0026lt;style\u0026gt;\u003C\/h2\u003E\u003Cbr \/\u003E\nSebelum melangkah ke tutorial, alangkah baiknya diketahui terlebih dahulu aturan penamaan\/penulisan sytax (sintaks) CSS. Perhatikan gambar berikut ini:\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"Menggunakan :root Selector untuk Mengaktifkan Skin Variable Definition Theme Designer di dalam \u0026lt;style\u0026gt;\" data-original-height=\"285\" data-original-width=\"720\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhYCLJU8OrlrilugqbHltzv58LGCHnzhqqRh9tvi-ClT6VXhiO99dt7PZKpQFnKAqi1W2d0NvDJU0wBl_odNYJgnwRfahJw2_6jvXFUMA7896lFsKpbixsqcc-jUCNkvIIgLIcRWns3Nibi\/s1600\/syntax-css-root-selector.jpg\" title=\"Menggunakan :root Selector untuk Mengaktifkan Skin Variable Definition Theme Designer di dalam \u0026lt;style\u0026gt;\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ELangkah 1:\u003C\/h3\u003ESilahkan buat \u003Ci\u003EVariable Definition\u003C\/i\u003E seperti biasa. Contohya seperti ini:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;Variable name=\"body.background.color\" description=\" Backgrond\" type=\"color\" default=\"#ffffff\" value=\"#ffffff\"\/\u0026gt;\n\n\u0026lt;Group description=\"Page Text\" selector=\"body\"\u0026gt;\n\u0026nbsp;\u0026lt;Variable name=\"page.text.font\" description=\"Font\" type=\"font\"\n\u0026nbsp;default=\"normal normal 16px -apple-system,BlinkMacSystemFont,'Nunito Sans','Segoe UI','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif\" value=\"normal normal 16px -apple-system,BlinkMacSystemFont,\u0026amp;#39;Nunito Sans\u0026amp;#39;,\u0026amp;#39;Segoe UI\u0026amp;#39;,\u0026amp;#39;Oxygen-Sans\u0026amp;#39;,\u0026amp;#39;Ubuntu\u0026amp;#39;,\u0026amp;#39;Cantarell\u0026amp;#39;,\u0026amp;#39;Helvetica Neue\u0026amp;#39;,sans-serif\"\/\u0026gt;\n\u0026nbsp;\u0026lt;Variable name=\"body.text.color\" description=\"Font Color\" type=\"color\" default=\"#444444\" value=\"#444444\"\/\u0026gt;\n\u0026nbsp;\u0026lt;\/Group\u0026gt;\n\n\u0026nbsp; \u0026nbsp;\u0026lt;Group description=\"Links\" selector=\"body\"\u0026gt;\n\u0026lt;Variable name=\"body.link.color\" description=\"Link Color\" type=\"color\" default=\"#000\" value=\"#000\"\/\u0026gt;\n\u0026lt;Variable name=\"body.link.visited.color\" description=\"Visited Color\" type=\"color\" default=\"#111111\" value=\"#111111\"\/\u0026gt;\n\u0026lt;Variable name=\"body.link.active.color\" description=\"Visited Color\" type=\"color\" default=\"#aaaaaa\" value=\"#aaaaaa\"\/\u0026gt;\n\u0026lt;Variable name=\"body.link.hover.color\" description=\"Hover Color\" type=\"color\"\u0026nbsp; default=\"#222\" value=\"#222\"\/\u0026gt;\n\u0026nbsp; \u0026nbsp;\u0026lt;\/Group\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ELangkah 2:\u003C\/h3\u003ENah, pada \u003Cb\u003Elangkah 1\u003C\/b\u003E kita sudah membuat beberapa \u003Ci\u003EVariable Definition\u003C\/i\u003E. Yang perlu diperhatikan adalah \u003Cb\u003Evariable name\u003C\/b\u003E. Karena itu yang akan kita gunakan pada langkah selanjutnya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nJadikan \u003Cb\u003Ename\u003C\/b\u003E dari Variable tadi menjadi \u003Cb\u003Evalue\u003C\/b\u003E pada CSS \u003Ci\u003E:root selector\u003C\/i\u003E. Dan isian untuk\u0026nbsp; \u003Cb\u003Eproperty\u003C\/b\u003E dibuat dengan format tertentu. Kira-kira penampakannya kurang lebih sebagai berikut:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E:root{\n\u0026nbsp; \u0026nbsp;--body-background-color:$(body.background.color);\n\u0026nbsp; \u0026nbsp;--body-font-family:$(page.text.font);\n\u0026nbsp; \u0026nbsp;--body-text-color:$( body.text.color);\n\u0026nbsp; \u0026nbsp;--a-link:$(body.link.color);\n\u0026nbsp; \u0026nbsp;--a-visited:$(body.link.visited.color);\n\u0026nbsp; \u0026nbsp;--a-active:$(body.link.active.color);\n\u0026nbsp; \u0026nbsp;--a-hover:$(body.link.hover.color);\n}\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\nSimpan kode tersebut di atas kode \u003Ccode\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/code\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"info\"\u003E\u003Cb\u003ECatatan:\u003C\/b\u003E\u003Cbr \/\u003E\nProperty pada :root selector di atas sebetulnya bisa ditulis sesuka hati. Asalkan didahului dengan garis \u003Ci\u003Estrip\u003C\/i\u003E dua biji.\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"warning\"\u003E\u003Cb\u003EPerhatian:\u003C\/b\u003E\u003Cbr \/\u003E\nCSS :root selector ini sebaiknya disimpan di atas kode \u003Ccode\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/code\u003E atau \u003Ccode\u003E]]\u0026gt;\u0026lt;\/b:template-skin\u0026gt;\u003C\/code\u003E, dan tidak perlu dikurung dengan \u003Ca href=\"https:\/\/www.bungfrangki.com\/2018\/08\/menyembunyikan-menampilkan-widget-pada-halaman-tertentu.html\"\u003Etag conditional\u003C\/a\u003E. Agar bisa digunakan pada semua halaman blog.\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ELangkah 3:\u003C\/h3\u003ESaatnya memanggil CSS \u003Ci\u003E:root selector\u003C\/i\u003E itu ke dalam \u003Ccode\u003E\u0026lt;style\u0026gt;\u003C\/code\u003E. Yang perlu diperhatikan dari \u003Cb\u003Elangkah 2\u003C\/b\u003E di atas adalah \u003Cb\u003Eproperty\u003C\/b\u003E-nya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EProperty\u003C\/b\u003E-nya akan kita panggil menjadi \u003Cb\u003Evalue\u003C\/b\u003E dengan format sebagaimana lazimnya. Contoh penerapannya sebagai berikut:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;style type='text\/css'\u0026gt;\nbody {\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003Ebackground:var(--body-background-color);\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003Efont:var(--body-font-family);\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003Ecolor:var(--body-text-color);\n}\n\na, a:link {color: var(--a-link);}\na:visited {color: var(--a-visited) }\na:active {color: var(--a-active) }\na:hover {color: var(--a-hover) }\n\u0026lt;\/style\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ELangkah 4:\u003C\/h3\u003EKlik tombol Simpan atau \u003Cb\u003ESave Theme\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSetelah itu, silahkan buktikan hasilnya dengan pergi ke Theme Designer, lalu ubah tiap-tiap variablenya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDalam kondisi tertentu, Anda harus menyimpan perubahan untuk melihat perubahannya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EKonklusi\u003C\/h2\u003EAdapun syntax dari \u003Ci\u003E:root selector\u003C\/i\u003E masih bisa dikembangkan dengan CSS \u003Ci\u003Eproperty\u003C\/i\u003E dan \u003Ci\u003Evalue\u003C\/i\u003E lainnya. Silahkan bereksperimen dengan itu.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDemikian trik Blogger kali ini. Kita jumpa lagi di tips dan trik Blogger selanjutnya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMungkin ada yang perlu diluruskan, ditambahkan atau ditanyakan? Silahkan tulis di kolom komentar. Terima kasih!\u003C\/div\u003E"},"link":[{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/3480773207215248663"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/3480773207215248663"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2020\/02\/variable-definition-dan-root-selector-blogger.html","title":"Kombinasi Skin Variable Definition dan :root Selector di Blogger"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiohKE8Wxp1kP8xSFX3R34uHSddeYqPiXWGvvijRBS8_UkvSGgDBvowB6oA7wR2KYg9CEsBxYsFA0N8_OOvkY9esLoYWAXepKAeBgElfIFLDu4twds1NgaKmi9HLeU7ol38RiqEHDDCSYHP\/s72-c\/Kombinasi-Variable-Definition-dan-root-Selector-di-Blogger.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-7435958315033270947"},"published":{"$t":"2020-01-31T15:00:00.000+07:00"},"updated":{"$t":"2022-09-06T19:39:24.949+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Trik Blogger"}],"title":{"type":"text","$t":"Cara Menyalin Tulisan dari MS Word ke Blogger"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\"\u003E\nTidak sedikit Blogger pemula yang masih kebingungan untuk memindahkan tulisan dari MS Word ke Blogger atau cara mengcopy\/memasukkan tulisan dari Word ke blogspot.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPasalnya, jika kita melakukan dengan cara tradisional, yang memanfaatkan \u003Cb\u003ECTRL + V\u003C\/b\u003E atau klik kanan pada bidang text lalu Paste, maka tampilan postingan menjadi berantakan. Mulai dari jenis font, besar font dan lainnya, persis mengikuti apa-apa yang kita lakukan di Microsoft Word tersebut.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\n\u003Cimg alt=\"Cara Menyalin Tulisan dari MS Word ke Blogger\" data-original-height=\"462\" data-original-width=\"750\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhqRTqIoIB3ooXfLjCOfrSDgxUzfV4LBS0lYeBDNYbphCKcKEEWpm71kDlMvB5VqJuEFL_uAxi9bE_tBwGvNY7xy4Q0l7RFKYzYZwG0kKWq1QdzCmTkrfZ7JJkfnEgXubSlmPvg_M7xz49m\/s1600\/Cara-Menyalin-Tulisan-dari-MS-Word-ke-Blogger.png\" title=\"Cara Menyalin Tulisan dari MS Word ke Blogger\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nKeadaan tersebut biasa disebut dengan \u003Cb\u003Eformatted text\u003C\/b\u003E atau \u003Cb\u003Eteks terformat\u003C\/b\u003E. Menyalin tulisan dalam keadaan formatted text akan memicu masalah luar biasa pada template Blogger\/blogspot.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nBahaya Posting Formatted Text ke Blogspot\u003C\/h2\u003E\nSalah satu dampak yang paling berpengaruh jika tetap memaksa untuk memposting tulisan dalam keadaan terformat seperti, akan berdampak pada \u003Ca href=\"https:\/\/www.bungfrangki.com\/2017\/06\/solusi-jumlah-postingan-berbeda-di-homepage.html\" target=\"_blank\"\u003Ejumlah postingan di homepage tidak sesuai dengan yang telah disetting\u003C\/a\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDampak lainnya adalah, tentu saja tampilan konten menjadi berantakan. Fontnya tidak lagi sesuai dengan font bawaan yang digunakan.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nLalu bagaimana mencegah formatted text ini? Agar setiap melakukan copy-paste tulisan dari Word ke blogspot tidak membuat blog berantakan dan teks benar-benar\u0026nbsp;\u003Ci\u003Eunformatted\u0026nbsp;\u003C\/i\u003E(tidak terformat)?\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSimak cara menyalin (copy-paste) tulisan dari MS Word ke blogspot yang benar, agar blog tidak berantakan.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nCara Menyalin Tulisan di MS Word ke Blogger\/blogspot yang Benar\u003C\/h2\u003E\n\u003Cdiv class=\"separator\"\u003E\n\u003Cimg alt=\"Cara Menyalin Tulisan di MS Word ke Blogger\/blogspot yang Benar\" data-original-height=\"733\" data-original-width=\"1600\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEi2OzMfZBhcMp3RDv3b-Wo5PDjjzHm7hZmUkdVzD3ja39tCMamqqlIxDp8VCaRG6XILUOy2DUDqGPFxqg4h2zf9kyrU5yk8T5KHsHNmibniDP7UJqczgcbfbVrpiUqALGjiXVjkIfbtWGLw\/s1600\/paste-artikel-ke-blog.jpg\" title=\"Cara Menyalin Tulisan di MS Word ke Blogger\/blogspot yang Benar\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nCaranya sangat simple. Anda tidak perlu menyalin tulisan tersebut ke notepad (software sejenis), atau unformatted text melalui webtools. Cukup lakukan \u003Ci\u003Epaste special\u003C\/i\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nApa itu? Berikut caranya:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003ECopy tulisan dari Microsoft Word seperti biasa, dengan select all text lalu menekan \u003Cb\u003ECTRL + C\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ENah, ini bagian pentingnya, untuk mem-paste tulisan, lakukan dengan menekan tombol keyboard \u003Cb\u003ECTRL + Shift + V\u003C\/b\u003E.\u003C\/li\u003E\n\u003Cli\u003ESelesai, salinan tulisan dari MS Word ke blogspot kini benar-benar tidak terformat.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nInfo Tambahan\u003C\/h2\u003E\nJika Anda ingin menyalin tulisan dari website di internet ke MS Word dan menghindari formatted text, silahkan lakukan \u003Ci\u003Epaste special \u003C\/i\u003Epada tulisan tersebut dengan cara tekan tombol\u0026nbsp;\u003Cb\u003ECTRL + Alt + V \u003C\/b\u003Eatau \u003Cb\u003ECtrl + Shift + V\u003C\/b\u003E secara bersamaan pada keyboard, lalu pilih \u003Cb\u003EUnformatted Text\u003C\/b\u003E dan \u003Cb\u003EOK\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\n\u003Cimg alt=\"Cara menyalin tulisan dari website di internet ke MS Word\" data-original-height=\"426\" data-original-width=\"650\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhB0gLk0qZ8b72nrl7_vTJGQIRtTJtaaH6bUwCrhops6t9kEc5AM-xV_7dFCZJdvXt_eoWS3B63yZ8c1eGMGv1LcetOtxaDkSijTnIRG2bfPGjo-gfHwIxMt4dl67Tt8iIDA6gLb5Q6EWjK\/s1600\/menyalin-tulisan-dari-website-di-internet-ke-MS-Word.jpg\" title=\"Cara menyalin tulisan dari website di internet ke MS Word\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nKonklusi\u003C\/h2\u003E\nDemikian tips cara menyalin tulisan dari MS Word ke Blogger\/blogspot. Mudah-mudahan bermanfaat. Intinya, jangan gunakan cara paste text dengan kombinasi tombol \u003Cb\u003ECTRL + V\u003C\/b\u003E tetapi lakukan dengan \u003Cb\u003ECTRL + Shift + V\u003C\/b\u003E untuk mencegah teks terformat.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHal tersebut juga sama kondisinya saat ingin menyalin tulisan dari \u003Cb\u003EGoogle Docs\u003C\/b\u003E dan \u003Cb\u003EMS Office Word Live \u003C\/b\u003Eke Blogger.\u003C\/div\u003E\n"},"link":[{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/7435958315033270947"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/7435958315033270947"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2020\/01\/cara-menyalin-tulisan-dari-ms-word-ke-blogger.html","title":"Cara Menyalin Tulisan dari MS Word ke Blogger"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhqRTqIoIB3ooXfLjCOfrSDgxUzfV4LBS0lYeBDNYbphCKcKEEWpm71kDlMvB5VqJuEFL_uAxi9bE_tBwGvNY7xy4Q0l7RFKYzYZwG0kKWq1QdzCmTkrfZ7JJkfnEgXubSlmPvg_M7xz49m\/s72-c\/Cara-Menyalin-Tulisan-dari-MS-Word-ke-Blogger.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-6670856475198141739.post-691962635441160767"},"published":{"$t":"2019-12-17T15:46:00.001+07:00"},"updated":{"$t":"2019-12-17T15:46:11.446+07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger v3"},{"scheme":"http://www.blogger.com/atom/ns#","term":"91爆料网"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Trik Blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Tutorial Blog"}],"title":{"type":"text","$t":"Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger"},"content":{"type":"html","$t":"\u003Cdiv dir=\"ltr\"\u003EDengan menggunakan \u003Ca href=\"https:\/\/www.bungfrangki.com\/2018\/08\/menyembunyikan-menampilkan-widget-pada-halaman-tertentu.html\" target=\"_blank\"\u003Etag conditional\u003C\/a\u003E khusus, kita bisa dengan mudah menampilkan tanggal postingan hanya pada label (tags) tertentu di Blogger\/Blogspot.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\u003Cimg alt=\"Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger\" data-original-height=\"462\" data-original-width=\"750\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjHwtRibgxYPnKx6IljYIfe-txTzr1AnWBV36NbmT5qqG-UONz3hVi-EkT__N9EE0fD0Mur5QTSClQcXl2Kx7gIMgFTQPuudlF2eBAoa91wXsNy09_xYJPmN2pDjMTqB__EhRFwr0V0JfSw\/s1600\/Menampilkan-Tanggal-Posting-Hanya-pada-Label-Tertentu-di-Blogger.png\" title=\"Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nMenampilkan tanggal posting ini sangat dianjurkan untuk blog dengan niche berita harian (daily news), politik, blog cuaca, olahraga, dan konten lainnya yang bersifat continuous update.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNah, jika blog Anda punya beberapa artikel dengan kategori tertentu yang ingin ditampilkan tanggal postingannya pada template dan hasil pencarian, silahkan ikuti langkah-langkah berikut ini.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003ECara Menampilkan Post Date Hanya pada Label\/Category Tertentu\u003C\/h2\u003E\u003Cbr \/\u003E\nMengingat pada masing-masing template menggunakan struktur 91爆料网 dan tag yang berbeda-beda, maka pada tutorial ini akan ditunjukkan bagaimana input dan callernya. Serta cara peletakannya pada Blogger gadget versi 1 (layout versi 1 dan 2) dan gadget versi 2 (layout versi 3).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUntuk selector dan tag, tinggal disesuaikan dengan template masing-masing.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003EInput: Blogger Gadget Version 1\u003C\/h3\u003E\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode class=\"html\"\u003E\u0026nbsp; \u0026nbsp; \u0026lt;b:includable id='customTimestamp' var='post'\u0026gt;\n\u0026lt;b:loop index='num' values='data:post.labels' var='label'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003E\u0026lt;b:if cond='data:post.labels any (label =\u0026amp;gt; label.name == \u0026amp;quot;\u003Cspan style=\"background-color: #f1c232;\"\u003ELabel1\u003C\/span\u003E\u0026amp;quot; or label.name == \u0026amp;quot;\u003Cspan style=\"background-color: #f1c232;\"\u003ELabel2\u003C\/span\u003E\u0026amp;quot; or label.name == \u0026amp;quot;\u003Cspan style=\"background-color: #f1c232;\"\u003ELabel3\u003C\/span\u003E\u0026amp;quot;)'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E  \u003C\/span\u003E\u0026lt;b:if cond='data:num == 0'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E   \u003C\/span\u003E\u0026lt;span class='byline post-timestamp'\u0026gt;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;b:if cond='data:post.url'\u0026gt;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;meta expr:content='data:post.canonicalUrl' itemprop='url'\/\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E  \u003C\/span\u003EUpdated \u0026lt;a class='timestamp-link' expr:href='data:post.url' title='permanent link'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E   \u003C\/span\u003E\u0026lt;time class='published updated' expr:datetime='data:post.date.iso8601.jsonEscaped' expr:title='data:post.date.iso8601.jsonEscaped'\u0026gt;\u0026lt;b:eval expr='data:post.date'\/\u0026gt;\u0026lt;\/time\u0026gt;\u0026lt;\/a\u0026gt;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;\/b:if\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E   \u003C\/span\u003E\u0026lt;\/span\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E  \u003C\/span\u003E\u0026lt;\/b:if\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003E\u0026lt;\/b:if\u0026gt;\n\u0026lt;\/b:loop\u0026gt;\n\u0026nbsp; \u0026nbsp; \u0026lt;\/b:includable\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Ch4\u003EPenerapan:\u003C\/h4\u003E\u003Cul\u003E\u003Cli\u003EEdit kode yang \u003Cspan style=\"background-color: #f1c232;\"\u003Editandai\u003C\/span\u003E di atas dengan nama label yang ingin ditampilkan tanggal postingnya pada artikel (single post).\u003C\/li\u003E\n\u003Cli\u003ECari kode \u003Ccode\u003E\u0026nbsp;\u0026lt;b:includable id='main' var='top'\u0026gt;...\u0026lt;\/b:includable\u0026gt;\u003C\/code\u003E lalu letakkan kode di atas setelah kode tadi.\u003C\/li\u003E\n\u003C\/ul\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EInput: Blogger Gadget Version 2\u003C\/h3\u003E\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026nbsp; \u0026nbsp; \u0026lt;b:includable id='customTimestamp' var='post'\u0026gt;\n\u0026lt;b:loop index='num' values='data:post.labels' var='label'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003E\u0026lt;b:if cond='data:post.labels any (label =\u0026amp;gt; label.name == \u0026amp;quot;\u003Cspan style=\"background-color: #f1c232;\"\u003ELabel1\u003C\/span\u003E\u0026amp;quot; or label.name == \u0026amp;quot;\u003Cspan style=\"background-color: #f1c232;\"\u003ELabel2\u003C\/span\u003E\u0026amp;quot; or label.name == \u0026amp;quot;\u003Cspan style=\"background-color: #f1c232;\"\u003ELabel3\u003C\/span\u003E\u0026amp;quot;)'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E  \u003C\/span\u003E\u0026lt;b:if cond='data:num == 0'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E   \u003C\/span\u003E\u0026lt;span class='byline post-timestamp'\u0026gt;\n\u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026nbsp; \u0026lt;meta expr:content='data:post.url' itemprop='url'\/\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E  \u003C\/span\u003EUpdated \u0026lt;a class='timestamp-link' expr:href='data:post.url' title='permanent link'\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E   \u003C\/span\u003E\u0026lt;time class='published updated' expr:datetime='data:post.date.iso8601.jsonEscaped' expr:title='data:post.date.iso8601.jsonEscaped'\u0026gt;\u0026lt;b:eval expr='data:post.date'\/\u0026gt;\u0026lt;\/time\u0026gt;\u0026lt;\/a\u0026gt;\u0026nbsp; \u0026nbsp;\n\u003Cspan style=\"white-space: pre;\"\u003E   \u003C\/span\u003E\u0026lt;\/span\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E  \u003C\/span\u003E\u0026lt;\/b:if\u0026gt;\n\u003Cspan style=\"white-space: pre;\"\u003E \u003C\/span\u003E\u0026lt;\/b:if\u0026gt;\n\u0026lt;\/b:loop\u0026gt;\n\u0026nbsp; \u0026nbsp; \u0026lt;\/b:includable\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Ch4\u003EPenerapan:\u003C\/h4\u003E\u003Cul\u003E\u003Cli\u003EEdit kode yang\u0026nbsp;\u003Cspan style=\"background-color: #f1c232;\"\u003Editandai\u003C\/span\u003E\u0026nbsp;di atas dengan nama label yang ingin ditampilkan tanggal postingnya pada artikel (single post).\u003C\/li\u003E\n\u003Cli\u003ECari kode\u003Ccode\u003E\u0026nbsp;\u0026lt;b:includable id='comments' var='post'\u0026gt;...\u0026lt;\/b:includable\u0026gt;\u003C\/code\u003E atau \u003Ccode\u003E\u0026lt;b:includable id='comments' var='post'\/\u0026gt;\u003C\/code\u003E lalu letakkan kode di atas setelah kode tadi.\u003C\/li\u003E\n\u003C\/ul\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ECaller\u003C\/h3\u003EKode pemanggil di bawah dapat diletakkan pada \u003Ccode\u003Epost-header\u003C\/code\u003E atau \u003Ccode\u003Epost-footer\u003C\/code\u003E (atau yang serupa). Biar sejajar dengan post meta lainnya.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nKode pemanggil (caller) berikut ini berlaku untuk kedua versi gadget Blogger.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cpre\u003E\u003Ccode\u003E\u0026lt;b:include data='post' name='customTimestamp'\/\u0026gt;\u003C\/code\u003E\u003C\/pre\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ETindakan Tambahan\u003C\/h3\u003EUntuk membuat trik ini bisa berjalan dengan baik, pastikan Anda menghilangkan centang pada \u003Cb\u003EShow Timestamp\u0026nbsp;\u003C\/b\u003Epost melalui \u003Cb\u003ELayout \u003C\/b\u003E\u0026gt; \u003Cb\u003EMain\u003C\/b\u003E. Seperti gambar berikut.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\"\u003E\u003Cimg alt=\"Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger\" data-original-height=\"556\" data-original-width=\"550\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhknO14IN9ftk5sDDj7eqDz5OM7-3ff1Ilg4krtUdKUGA_OLav5VMl3PTW7CkZj4pauc1acaXpGU2tUTmBnWf4jQeeVHaiE0ZXRjktbqNs61CkqwOvTCuJKMohlv3BG20gUfODLnMobsiTr\/s1600\/menampilkan-tanggal-posting-hanya-pada-label-tertentu.jpg\" title=\"Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nMasih terkait:\u0026nbsp;\u003Ca href=\"https:\/\/www.bungfrangki.com\/2018\/04\/format-datepublished-datemodified-terbaru.html\" target=\"_blank\"\u003EFormat Cara Memasang datePublished dan dateModified pada Template Blogger Terbaru (Layout Versi 3)\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EKonklusi\u003C\/h2\u003ETrik menampilkan tanggal posting hanya pada label tertentu ini tidak akan mengganggu struktur \u003Cb\u003ESchema \u003C\/b\u003Edari template Blogger Anda. Meskipun struktur \u003Cb\u003Eschema.org\u003C\/b\u003E yang diterapkan pada template menghendaki adanya post date pada setiap postingan.\u003C\/div\u003E"},"link":[{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/691962635441160767"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/6670856475198141739\/posts\/default\/691962635441160767"},{"rel":"alternate","type":"text/html","href":"http:\/\/www.bungfrangki.com\/2019\/12\/menampilkan-tanggal-posting-hanya-pada-label-tertentu.html","title":"Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger"}],"author":[{"name":{"$t":"Bungfrangki"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/13162875744493565460"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgP0cgr6oK7QzPK_f1Dy1PiiDXe3eggTah0-XaCM_8BKtlSBFrcYy0PrhHj6HrmGP-rjHFwLqLWaUD8NBpilVWtarpjF2GO7Ba-tkLWBIyq5PUgPxjioldzdTdFFe0FJJY\/s113\/bungfrangki.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjHwtRibgxYPnKx6IljYIfe-txTzr1AnWBV36NbmT5qqG-UONz3hVi-EkT__N9EE0fD0Mur5QTSClQcXl2Kx7gIMgFTQPuudlF2eBAoa91wXsNy09_xYJPmN2pDjMTqB__EhRFwr0V0JfSw\/s72-c\/Menampilkan-Tanggal-Posting-Hanya-pada-Label-Tertentu-di-Blogger.png","height":"72","width":"72"}}]}});